<!DOCTYPE html>
<html>
<head>
  <title>专家人才</title>
  <link rel="stylesheet" type="text/css" href="css/toppro2.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
</head>
<body>
<div class="main-container">
  <div class="page-header">
   <div class="header">
    <div class="header-container">
      <div class="header-leftnav">
      <img src="imegas/hd_logo.png">
      <ul class="header-nav">
        <li><a class="nav-home"  href="toppro.html">首页</a></li>
        <li><a class="nav-item"  href="index1.html">专家人才</a></li>
        <li><a class="nav-item"  href="index2.html">合作伙伴</a></li>
        <li><a class="nav-item"  href="index3.html">关于我们</a></li>
      </ul>
      </div>
      <div class="header-login">
        <a class="head-btn"  href="#">人才入驻</a>
        <a class="head-btn"  href="#">雇佣人才</a>
        <a class="dl-btn"  href="#">登录</a>
      </div>
    </div>
   </div>
  </div>
  <div class="partner">
    <div class="partner-container">
      <span>让优秀人才更好的工作</span>
      <p class="partner-title">你可以有更好的工作方式</p>
      <p class="partner-summary">
       厌倦了朝九晚五，日复一日的传统工作方式<br>
       如果你足够优秀，只需要勇敢一点，可以有更好的工作方式让你贡献价值
      </p>
      <p class="partner-end"><span>让优秀的人才有</span></p>
      <div class="title-logo">
        <div class="title-logo-item"><div><img src="imegas/talents-banner-1.png"></div><p>更好的回报</p></div>
        <div class="title-logo-item"><div><img src="imegas/talents-banner-2.png"></div><p>更好的项目</p></div>
        <div class="title-logo-item"><div><img src="imegas/talents-banner-3.png"></div><p>更好的工作</p></div>
      </div>
      <a class="zhuanjia-btn" href="#">专家申请入驻</a>
    </div>
  </div>
  <div class="work-container">
    <div class="work-list">
      <div class="work-title">
        <span>工作环境</span>
        <p>Toppro提倡使用最好的工具提高效率，时间和空间都不是问题</p>
      </div>
      <div class="tool-list">
        <div class="editor">
          <div class="toppro-logo">
            <div class="toppro-logo-container">
              <div class="imegas-item">
                <div class="icon-logo"></div>
              </div>
              <p class="title-item-toppro">
                Toppro致力于构建优秀人才网络<br>
                让优秀的人才有更好的回报、更好的项目和工作方式
              </p>
            </div>
          </div>
          <div class="git-logo-container">
              <div class="git-imegas-item">
                <div class="icon git-icon-logo1"></div>
                <div class="icon git-icon-logo2"></div>
                <div class="icon git-icon-logo3"></div>
              </div>
              <p class="title-item-git">
                提倡使用更专业更棒的工具<br>
                有诸如Git/Sketch/Balsamiq等工具可以让工作更有效
              </p>
          </div>
        </div>
        <div class="communicate">
          <div class="dd-main">
           <div class="dd-container">
             <div class="dd-item">
               <div class="dd-icon"></div>
             </div>
             <p class="dd-title">钉钉<br>
             即时通讯与办公软件
             </p>
           </div>
          </div>
          <div class="wachat-container">
            <div class="wachat-list">
             <div class="wachat-item">
               <div class="wachat-icon"></div>
             </div>
             <p class="wachat-title">微信<br>
              沟通协作工具
             </p>
           </div>
          </div>
          <div class="slack-container">
            <div class="slack-list">
             <div class="slack-item">
               <div class="slack-icon"></div>
             </div>
             <p class="slack-title">slack<br>
              技术人员的超爱
             </p>
           </div>
          </div>
        </div>
        <div class="document">
          <div class="shimo-main">
           <div class="shimo-container">
             <div class="shimo-item">
               <div class="shimo-icon"></div>
             </div>
             <p class="shimo-title">在线文档/表格协作的好工具，<br>
              值得你来尝试
             </p>
           </div>
          </div>
          <div class="dropbox-main">
           <div class="dropbox-container">
             <div class="dropbox-item">
               <div class="dropbox-icon"></div>
             </div>
             <p class="dropbox-title">很专业的文件储存和共享的工具，<br>
              推荐使用
             </p>
           </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="service-process">
    <div class="process-container">
      <div class="process-title">
        <span>服务流程</span>
        <p>及时响应的服务流程让企业更灵活的使用人才</p>
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">1</p>
         </div> 
        <div class="process-content">
          <span>更有竞争力的回报</span>
          <p>优秀人才比普通人才有更大的价值，理所应当应有更好的回报，抛弃传统雇佣模式下的类平均主义价值分配，按照贡献获取回报更值得提倡。</p>
        </div> 
        <img class="procedure" src="imegas/talents_feature_1.png"> 
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">2</p>
        </div>
        <div class="process-content">
          <span>更高质量的项目</span>
          <p>优秀人才在普通的项目中是巨大的浪费，你可以和更好的选择，在快速成长的优秀项目中，你可以获得更好的成就感，也能更好的体现价值。</p>
        </div> 
        <img class="procedure" src="imegas/talents_feature_2.png"> 
      </div>
      <div class="process-main">
        <div class="lefticon">
          <p class="numbar">3</p>
        </div>
        <div class="process-content">
          <span>更好的工作方式</span>
          <p>新的科技和工具让远程工作成了现实，你可以在自己喜欢的城市和场景下，开始更有效的工作，也可节省大量的交通时间，做更多有价值有意义的事。</p>
        </div> 
        <img class="procedure" src="imegas/talents_feature_3.png">
      </div>
      <div class="process-main">
        <p class="numbar">4</p>
        <div class="process-content">
          <span>完善的服务支撑</span>
          <p>你只需要专心工作，发挥能力，贡献价值，其他的事情我们来解决，除了社保公积金等基础服务外，还有更多对你有用的服务会逐步提供。</p>
        </div> 
        <img class="procedure" src="imegas/talents_feature_4.png">      
      </div>
    </div>
  </div>
  <div class="scene-container">
    <div class="scene-list">
      <div class="secne-title">
        <span>工作场景</span>
        <p>无论你在哪里，无论你和谁在一起，都可以随时随地开展工作</p>
      </div>
      <div class="secne-main">
        <ul class="secne-main-content">
          <li><img src="imegas/talents_workstyle_1.jpg">在办公室</li>
          <li><img src="imegas/talents_workstyle_2.jpg">在家里</li>
          <li><img src="imegas/talents_workstyle_3.jpg">在旅途中</li>
          <li><img src="imegas/talents_workstyle_4.jpg">一群人</li>
          <li><img src="imegas/talents_workstyle_5.jpg">两个人</li>
          <li><img src="imegas/talents_workstyle_6.jpg">一个人</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="association-container">
    <div class="association-list">
      <div class="association-title">
        <span>加入Toppro</span>
        <p>先行者并不孤单，和其他同样优秀的人才一起，还可以做更多有意思的事情</p>
      </div>
      <img src="imegas/talents-social.png">
    </div>
  </div>
  <div class="enter-container">
    <div class="enter-main">
      <div class="enter-title">
        <span>专家入驻</span>
        <p>你可以勇敢的成为更好的自己</p>
      </div>
      <div class="enter-list">
        <div class="enter-item">
          <img src="imegas/talents-join-1.png">
          <span>创建账号</span>
          <p>免费注册账号</p>
        </div>
        <div class="enter-item">
          <img src="imegas/talents-join-2.png">
          <span>完善资料</span>
          <p>完善资料提交申请</p>
        </div>
        <div class="enter-item">
          <img src="imegas/talents-join-3.png">
          <span>技能评定</span>
          <p>专业能力权威评定</p>
        </div>
        <div class="enter-item-teshu">
          <img src="imegas/talents-join-4.png">
          <span>正式工作</span>
          <p>开启新的工作模式</p>
        </div>
      </div>
    </div>
  </div>
  <div class="page-footer">
      <div class="footer-container">
         <div class="footer-top">
            <img class="logo-bottom" src="imegas/hd_logo.png">
            <div class="about">
              <span class="title-tongyi">关于Toppro</span>
              <p class="intro">Toppro致力于构建优秀人才网络，为优秀的企业提供服务，核心解决企业发展过程中对专业人才辨识难、招聘周期长、综合成本高、管理复杂等问题。</p>
            </div>
            <div class="navbottom">
             <span class="title-tongyi">导航</span>
             <ul class="subnav">
               <li class="intro">首页</li>
               <li class="intro">专家人才</li>
               <li class="intro">合作伙伴</li>
               <li class="intro">关于我们</li>
               <li class="intro">加入我们</li>
             </ul>
            </div>
            <div class="contact-us">
              <span class="title-tongyi">练习我们</span>
              <p class="intro">联系电话：010-86469068
              邮箱地址：hey@weilaigongzuo.com
              微信服务号：Toppro服务台
              地址: 北京市东城区藏经馆胡同11号
              </p>
            </div>
          </div>
          <div class="footer-bottom"><img src="imegas/beianicon.gif"> 京公网安备11010102003208</div>
      </div>
  </div>
</div>
</body>
</html>